<template>
  <div class="list">
    <!-- 作品(收藏）列表 -->
    <!-- 没有作品或者收藏时提示 -->
    <div class="info-empty" v-if="!info.length">
      <div>
        <p v-if="activeName === 'works'">
          私房菜不要偷偷享用哦~~制作成菜谱与大家分享吧！
          <router-link to="">发布菜谱</router-link>
        </p>
        <p v-if="activeName === 'collection'">
          还没有收藏任何的菜谱，去搜自己喜欢的菜谱，收藏起来吧！
          <router-link :to="{ name: 'recipe' }">跳转菜谱大全</router-link>
        </p>
      </div>
    </div>
    <menu-card :info="info"></menu-card>
  </div>
</template>

<script>
import MenuCard from "@/components/MenuCard";
export default {
  props: {
    info: {
      //粉丝或关注列表
      type: Array,
      default() {
        return [];
      },
    },
    activeName: {
      type: String,
      default: "works",
    },
  },
  components: { MenuCard },
};
</script>

<style  scoped>
a {
  color: #f00;
}

 /*.list {
  padding: 20px 20px; 
}*/
.info-empty {
  text-align: center;
}
</style>